@import "@/theme/index.less";

.number-wrap {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 20rem;
  height: 40rem;

  ul {
    overflow: hidden;
    transition: transform;
    position: absolute;
    will-change: transform;
    left: 0;
    margin: 0;
    z-index: 100;
    top: 0;
    padding: 0;

    li {
      width: 20rem;
      height: 40rem;
      display: block;
      text-align: center;

      &:before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        width: 0;
        height: 100%;
        margin-top: 1rem;
      }

      span {
        font-family: 'number-1';
        display: inline-block;
        list-style: none;
        vertical-align: middle;
        font-size: 32rem;
        color: @primary;
      }
    }
  }
}
